<?xml version="1.0" encoding="UTF-8"?>    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:c="http://java.sun.com/jstl/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:util="http://java.sun.com/jsf/composite/components/util">
<f:view locale="#{localBean.locale}">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
</h:head>
<h:body>
	<h:outputStylesheet name="css/style.css" target="body"/>
	<h:outputStylesheet name="css/common.css" target="body"/>
	<h:outputStylesheet name="css/primefaces.css" target="body"/>
	<h:form>
		 <ui:composition template="/WEB-INF/templates/mainTemplate.xhtml">
		 	
		 	<ui:define name="content">
		 		<h:form id="customerLoginContent">
			 		<rich:panel id="loginpanel" styleClass="rf-p-common fix" headerClass="rf-p-hdr-common" footerClass="rf-p-b-common">
			 				<h3 class="title" style="text-align:left">登录#{msgs['web.site.name']}</h3>
				 			<div class="regmain">
								<div class="login_err">
									<util:messages errorMessages="#{loginCustomerPage.errorMessages}"></util:messages>
								</div>
								<div class="item far">
									<h:outputLabel value="#{msgs['customerId.display']}" for="customerId" ></h:outputLabel>
									<h:inputText id="customerId" value="#{loginCustomerPage.customer.customerId}" title="#{msgs['customerId.title']}" label="#{msgs['customerId.display']}" maxlength="20" required="true"><f:validator validatorId="UserValidator"></f:validator></h:inputText>
									<span class="valid"><h:message for="customerId" errorClass="errormessage"></h:message></span>
								</div>
								<div class="item far">
									<h:outputLabel value="#{msgs['password.display']}" for="password"></h:outputLabel>
									<h:inputSecret id="password" value="#{loginCustomerPage.customer.password}" label="#{msgs['password.display']}" title="#{msgs['password.title']}" redisplay="true" styleClass="pass" maxlength="30" required="true"><f:validator validatorId="PasswordValidator"></f:validator></h:inputSecret>
									
									<a href="http://login.tudou.com/lost.do" target="_blank" class="forget">忘记密码</a>
									<span class="valid"><h:message for="password" errorClass="errormessage"></h:message></span>
									<div class="tip" id="tip"></div>
								</div>
								<div class="item" style="border-bottom: medium none;">
									<div class="info"></div>
								</div>
								<div class="regAjax">
									<div class="float_l" style="width: 345px;">
										<f:ajax event="onclick" oncompleted="if (true) {alert('dfdfdf')}"><h:commandLink type="submit" id="customerRegisterBtn" action="#{loginCustomerPage.loginCustomer}" value=""><h:graphicImage value="/resources/css/icons/login_button.gif"></h:graphicImage></h:commandLink></f:ajax>
									</div>
									<div class="float_l"></div>
								</div>
							
							</div>
					
			 		</rich:panel>

		 		</h:form>
		 	</ui:define>
		 	<ui:define name="footer">
		 		<ui:include src="/WEB-INF/templates/footer.xhtml"></ui:include>
		 	</ui:define>
		 </ui:composition>
	</h:form>
</h:body>
</f:view>
</html>
